<template>
	<div class="app-container">
		<el-form ref="finalResultRef" :model="form" :rules="rules" label-width="120px" scroll-to-error :inline-message="true" :validate-on-rule-change="false">
			<el-row :gutter="20" justify="space-between">
				<el-col :span="21">
					<el-row>
						<el-col :span="24" class="tab-title">
							{{ form.taskName }}评估任务
						</el-col>
					</el-row>
					<el-row :gutter="20">
						<el-col :span="12">
							<el-form-item label="任务编号：" prop="taskNum">
								{{ form.taskNum }}
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="评估人：" prop="">
								{{ form.evaluateUserName }}
							</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="20">
						<el-col :span="12">
							<el-form-item label="灾害类型：" prop="">
								{{ form.disasterType }}
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="任务地区：" prop="">
								{{ form.taskDistrict }}
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="24" class="tab-title">
							数据版本选择及预处理
						</el-col>
					</el-row>
					<el-row :gutter="20">
						<el-col :span="12">
							<el-form-item label="地层岩性数据：" prop="lithologyVersion">
								<el-button v-if="isLithologyShowButton" @click="selectLithology">选择</el-button>
								<el-link v-else type="primary" :underline="false"
									@click="selectLithology">{{ form.lithologyVersion }}</el-link>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="高程数据：" prop="altitudeVersion">
								<el-button v-if="isAltitudeShowButton" @click="selectAltitude">选择</el-button>
								<el-link v-else type="primary" :underline="false"
									@click="selectAltitude">{{ form.altitudeVersion }}</el-link>
							</el-form-item>
						</el-col>
					</el-row>
					<el-form-item prop="aVersion" label-width="0" class="aVersion" style="margin-bottom: 0">
						<el-row :gutter="20">
							<!--<el-col :span="6">
								<el-form-item label="地震动峰值加速度数据:" label-width="160px"> 
									<el-button @click="selectSlope">选择</el-button>
								</el-form-item>
							</el-col>-->
							<el-col :span="12">
								<el-form-item label="地震动峰值加速度数据（50年超越概率2%）：" label-width="310px" prop="a1Version">
									<el-button v-if="isA1ShowButton" @click="selectPgaA1">选择</el-button>
									<el-link v-else type="primary" :underline="false" @click="selectPgaA1">{{ form.a1Version }}</el-link>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row :gutter="20">
							<el-col :span="12">
								<el-form-item label="地震动峰值加速度数据（50年超越概率10%）：" label-width="310px" prop="a2Version">
									<el-button v-if="isA2ShowButton" @click="selectPgaA2">选择</el-button>
									<el-link v-else type="primary" :underline="false" @click="selectPgaA2">{{ form.a2Version }}</el-link>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row :gutter="20">
							<el-col :span="12">
								<el-form-item label="地震动峰值加速度数据（50年超越概率63%）：" label-width="310px" prop="a3Version">
									<el-button v-if="isA3ShowButton" @click="selectPgaA3">选择</el-button>
									<el-link v-else type="primary" :underline="false" @click="selectPgaA3">{{ form.a3Version }}</el-link>
								</el-form-item>
							</el-col>
						</el-row>
					</el-form-item>
					<el-form-item prop="mapView1" class="mapView" label-width="0">
						<el-space>
							<el-button type="primary" v-if="!mapView1" @click="calculation1" style="width: 160px">① 综合地形指数计算</el-button>
							<el-button type="primary" v-else @click="calculation1" style="width: 200px">① 重新计算综合地形指数</el-button>
							<el-button type="primary" plain class="success-btn-icon" v-if="mapView1" @click="replaceModel(5)">
								<el-icon>
									<SuccessFilled />
								</el-icon>
								地图查看结果
							</el-button>
						</el-space>
					</el-form-item>
					<el-form-item prop="mapView2" class="mapView" label-width="0">
						<el-space>
							<el-button type="primary" v-if="!mapView2" @click="calculation2" style="width: 160px">② 场地类别计算</el-button>
							<el-button type="primary" v-else @click="calculation2" style="width: 200px">② 重新计算场地类别</el-button>
							<el-button type="primary" plain class="success-btn-icon" v-if="mapView2" @click="replaceModel(6)">
								<el-icon>
									<SuccessFilled />
								</el-icon>
								地图查看结果
							</el-button>
						</el-space>
					</el-form-item>
					<el-row>
						<el-col :span="24" class="tab-title">
							层次分析法评估
						</el-col>
					</el-row>
					<el-row style="margin-bottom: 10px;">
						<el-col :span="24">
							<el-radio-group v-model="form.selectedMatrix">
								<el-radio :label="1">默认权重</el-radio>
								<el-radio :label="2">构建判断矩阵</el-radio>
							</el-radio-group>
						</el-col>
					</el-row>
					<el-row v-if="form.selectedMatrix == 1">
						<el-col :span="22">
							<table align="center" style="width: 100%;border-collapse: collapse;">
								<tr>
									<td align="center">致灾因子</td>
									<td align="center">分类</td>
									<td align="center">分类权重</td>
									<td align="center">致灾因子权重</td>
								</tr>
								<tr>
									<td align="center" :rowspan="4">土层年代</td>
									<td align="center">晚全新世Qh3</td>
									<td align="center">0.560</td>
									<td align="center" :rowspan="4">0.434</td>
								</tr>
								<tr>
									<td align="center">全新世Qh2、Qh2-1、Qh1</td>
									<td align="center">0.272</td>
								</tr>
								<tr>
									<td align="center">更新世Qp3、Qp2</td>
									<td align="center">0.131</td>
								</tr>
								<tr>
									<td align="center">早前更新世Qp1</td>
									<td align="center">0.037</td>
								</tr>
								<tr>
									<td align="center" :rowspan="5">综合地形指数</td>
									<td align="center">[0,4)</td>
									<td align="center">0.044</td>
									<td align="center" :rowspan="5">0.271</td>
								</tr>
								<tr>
									<td align="center">[4,6)</td>
									<td align="center">0.075</td>
								</tr>
								<tr>
									<td align="center">[6,8)</td>
									<td align="center">0.143</td>
								</tr>
								<tr>
									<td align="center">[8,10)</td>
									<td align="center">0.268</td>
								</tr>
								<tr>
									<td align="center">≥10</td>
									<td align="center">0.471</td>
								</tr>
								<tr>
									<td align="center" :rowspan="2">地震动参数</td>
									<td align="center">≤0.05</td>
									<td align="center">0.333</td>
									<td align="center" :rowspan="2">0.172</td>
								</tr>
								<tr>
									<td align="center">>0.05</td>
									<td align="center">0.667</td>
								</tr>
								<tr>
									<td align="center" :rowspan="5">距河流距离</td>
									<td align="center">[0,50)</td>
									<td align="center">0.472</td>
									<td align="center" :rowspan="5">0.076</td>
								</tr>
								<tr>
									<td align="center">[50,100)</td>
									<td align="center">0.292</td>
								</tr>
								<tr>
									<td align="center">[100,150)</td>
									<td align="center">0.122</td>
								</tr>
								<tr>
									<td align="center">[150,200)</td>
									<td align="center">0.075</td>
								</tr>
								<tr>
									<td align="center">≥200</td>
									<td align="center">0.039</td>
								</tr>
								<tr>
									<td align="center" :rowspan="3">场地类别</td>
									<td align="center">D</td>
									<td align="center">0.751</td>
									<td align="center" :rowspan="3">0.047</td>
								</tr>
								<tr>
									<td align="center">C</td>
									<td align="center">0.178</td>
								</tr>
								<tr>
									<td align="center">B</td>
									<td align="center">0.070</td>
								</tr>
							</table>
						</el-col>
					</el-row>
					<div v-else>
						<el-row class="selectedMatrix">
							<el-col :span="22">
								<el-collapse v-model="activeNames" @change="handleChange">
									<el-collapse-item title="（1）砂土液化危险性评价" name="1">
										<table align="center" style="width: 100%;border-collapse: collapse;" class="oddTable">
											<tr style="background: #F2F2F2;height: 35px;">
												<td align="center" width="150px">砂土液化危险性评价</td>
												<td align="center">土层年代</td>
												<td align="center">综合地形指数</td>
												<td align="center">地震动参数</td>
												<td align="center">距河流距离</td>
												<td align="center">场地类别</td>
											</tr>
											<tr>
												<td align="center">土层年代</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="sixNum12Up" label-width="0">
														<el-input v-model="form.sixNum12Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum12Down" label-width="0">
														<el-input v-model="form.sixNum12Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum13Up" label-width="0">
														<el-input v-model="form.sixNum13Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum13Down" label-width="0">
														<el-input v-model="form.sixNum13Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum14Up" label-width="0">
														<el-input v-model="form.sixNum14Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum14Down" label-width="0">
														<el-input v-model="form.sixNum14Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum15Up" label-width="0">
														<el-input v-model="form.sixNum15Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum15Down" label-width="0">
														<el-input v-model="form.sixNum15Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">综合地形指数</td>
												<td align="center">
													<el-form-item prop="sixNum12Down" label-width="0">
														<el-input v-model="form.sixNum12Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum12Up" label-width="0">
														<el-input v-model="form.sixNum12Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="sixNum23Up" label-width="0">
														<el-input v-model="form.sixNum23Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum23Down" label-width="0">
														<el-input v-model="form.sixNum23Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum24Up" label-width="0">
														<el-input v-model="form.sixNum24Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum24Down" label-width="0">
														<el-input v-model="form.sixNum24Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum25Up" label-width="0">
														<el-input v-model="form.sixNum25Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum25Down" label-width="0">
														<el-input v-model="form.sixNum25Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">地震动参数</td>
												<td align="center">
													<el-form-item prop="sixNum13Down" label-width="0">
														<el-input v-model="form.sixNum13Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum13Up" label-width="0">
														<el-input v-model="form.sixNum13Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum23Down" label-width="0">
														<el-input v-model="form.sixNum23Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum23Up" label-width="0">
														<el-input v-model="form.sixNum23Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="sixNum34Up" label-width="0">
														<el-input v-model="form.sixNum34Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum34Down" label-width="0">
														<el-input v-model="form.sixNum34Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum35Up" label-width="0">
														<el-input v-model="form.sixNum35Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum35Down" label-width="0">
														<el-input v-model="form.sixNum35Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">距河流距离</td>
												<td align="center">
													<el-form-item prop="sixNum14Down" label-width="0">
														<el-input v-model="form.sixNum14Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum14Up" label-width="0">
														<el-input v-model="form.sixNum14Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum24Down" label-width="0">
														<el-input v-model="form.sixNum24Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum24Up" label-width="0">
														<el-input v-model="form.sixNum24Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum34Down" label-width="0">
														<el-input v-model="form.sixNum34Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum34Up" label-width="0">
														<el-input v-model="form.sixNum34Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="sixNum45Up" label-width="0">
														<el-input v-model="form.sixNum45Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum45Down" label-width="0">
														<el-input v-model="form.sixNum45Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">场地类别</td>
												<td align="center">
													<el-form-item prop="sixNum15Down" label-width="0">
														<el-input v-model="form.sixNum15Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum15Up" label-width="0">
														<el-input v-model="form.sixNum15Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum25Down" label-width="0">
														<el-input v-model="form.sixNum25Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum25Up" label-width="0">
														<el-input v-model="form.sixNum25Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum35Down" label-width="0">
														<el-input v-model="form.sixNum35Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum35Up" label-width="0">
														<el-input v-model="form.sixNum35Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="sixNum45Down" label-width="0">
														<el-input v-model="form.sixNum45Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="sixNum45Up" label-width="0">
														<el-input v-model="form.sixNum45Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
											</tr>
										</table>
									</el-collapse-item>
									<el-collapse-item title="（2）致灾因子1：土层年代-土层年代分类" name="2">
										<table align="center" style="width: 100%;border-collapse: collapse;" class="oddTable">
											<tr style="background: #F2F2F2;height: 35px;">
												<td align="center" width="220px">土层年代</td>
												<td align="center">晚全新世Qh3</td>
												<td align="center" width="180px">全新世Qh2、Qh2-1、Qh1</td>
												<td align="center">更新世Qp3、Qp2</td>
												<td align="center">早更新世Qp1</td>
											</tr>
											<tr>
												<td align="center">晚全新世</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="oneNum12Up" label-width="0">
														<el-input v-model="form.oneNum12Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum12Down" label-width="0">
														<el-input v-model="form.oneNum12Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="oneNum13Up" label-width="0">
														<el-input v-model="form.oneNum13Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum13Down" label-width="0">
														<el-input v-model="form.oneNum13Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="oneNum14Up" label-width="0">
														<el-input v-model="form.oneNum14Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum14Down" label-width="0">
														<el-input v-model="form.oneNum14Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">全新世</td>
												<td align="center">
													<el-form-item prop="oneNum12Down" label-width="0">
														<el-input v-model="form.oneNum12Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum12Up" label-width="0">
														<el-input v-model="form.oneNum12Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="oneNum23Up" label-width="0">
														<el-input v-model="form.oneNum23Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum23Down" label-width="0">
														<el-input v-model="form.oneNum23Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="oneNum24Up" label-width="0">
														<el-input v-model="form.oneNum24Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum24Down" label-width="0">
														<el-input v-model="form.oneNum24Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">更新世</td>
												<td align="center">
													<el-form-item prop="oneNum13Down" label-width="0">
														<el-input v-model="form.oneNum13Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum13Up" label-width="0">
														<el-input v-model="form.oneNum13Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="oneNum23Down" label-width="0">
														<el-input v-model="form.oneNum23Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum23Up" label-width="0">
														<el-input v-model="form.oneNum23Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="oneNum34Up" label-width="0">
														<el-input v-model="form.oneNum34Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum34Down" label-width="0">
														<el-input v-model="form.oneNum34Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">早更新世</td>
												<td align="center">
													<el-form-item prop="oneNum14Down" label-width="0">
														<el-input v-model="form.oneNum14Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum14Up" label-width="0">
														<el-input v-model="form.oneNum14Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="oneNum24Down" label-width="0">
														<el-input v-model="form.oneNum24Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum24Up" label-width="0">
														<el-input v-model="form.oneNum24Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="oneNum34Down" label-width="0">
														<el-input v-model="form.oneNum34Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="oneNum34Up" label-width="0">
														<el-input v-model="form.oneNum34Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
											</tr>
										</table>
									</el-collapse-item>
									<el-collapse-item title="（3）致灾因子2：综合地形指数-综合地形指数分类" name="3">
										<table align="center" style="width: 100%;border-collapse: collapse;" class="oddTable">
											<tr style="background: #F2F2F2;height: 35px;">
												<td align="center" width="150px">综合地形指数</td>
												<td align="center">[0,4)</td>
												<td align="center">[4,6)</td>
												<td align="center">[6,8)</td>
												<td align="center">[8,10)</td>
												<td align="center">≥10</td>
											</tr>
											<tr>
												<td align="center">[0,4)</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="twoNum12Up" label-width="0">
														<el-input v-model="form.twoNum12Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum12Down" label-width="0">
														<el-input v-model="form.twoNum12Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum13Up" label-width="0">
														<el-input v-model="form.twoNum13Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum13Down" label-width="0">
														<el-input v-model="form.twoNum13Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum14Up" label-width="0">
														<el-input v-model="form.twoNum14Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum14Down" label-width="0">
														<el-input v-model="form.twoNum14Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum15Up" label-width="0">
														<el-input v-model="form.twoNum15Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum15Down" label-width="0">
														<el-input v-model="form.twoNum15Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">[4,6)</td>
												<td align="center">
													<el-form-item prop="twoNum12Down" label-width="0">
														<el-input v-model="form.twoNum12Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum12Up" label-width="0">
														<el-input v-model="form.twoNum12Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="twoNum23Up" label-width="0">
														<el-input v-model="form.twoNum23Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum23Down" label-width="0">
														<el-input v-model="form.twoNum23Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum24Up" label-width="0">
														<el-input v-model="form.twoNum24Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum24Down" label-width="0">
														<el-input v-model="form.twoNum24Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum25Up" label-width="0">
														<el-input v-model="form.twoNum25Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum25Down" label-width="0">
														<el-input v-model="form.twoNum25Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">[6,8)</td>
												<td align="center">
													<el-form-item prop="twoNum13Down" label-width="0">
														<el-input v-model="form.twoNum13Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum13Up" label-width="0">
														<el-input v-model="form.twoNum13Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum23Down" label-width="0">
														<el-input v-model="form.twoNum23Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum23Up" label-width="0">
														<el-input v-model="form.twoNum23Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="twoNum34Up" label-width="0">
														<el-input v-model="form.twoNum34Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum34Down" label-width="0">
														<el-input v-model="form.twoNum34Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum35Up" label-width="0">
														<el-input v-model="form.twoNum35Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum35Down" label-width="0">
														<el-input v-model="form.twoNum35Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">[8,10)</td>
												<td align="center">
													<el-form-item prop="twoNum14Down" label-width="0">
														<el-input v-model="form.twoNum14Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum14Up" label-width="0">
														<el-input v-model="form.twoNum14Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum24Down" label-width="0">
														<el-input v-model="form.twoNum24Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum24Up" label-width="0">
														<el-input v-model="form.twoNum24Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum34Down" label-width="0">
														<el-input v-model="form.twoNum34Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum34Up" label-width="0">
														<el-input v-model="form.twoNum34Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="twoNum45Up" label-width="0">
														<el-input v-model="form.twoNum45Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum45Down" label-width="0">
														<el-input v-model="form.twoNum45Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">≥10</td>
												<td align="center">
													<el-form-item prop="twoNum15Down" label-width="0">
														<el-input v-model="form.twoNum15Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum15Up" label-width="0">
														<el-input v-model="form.twoNum15Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum25Down" label-width="0">
														<el-input v-model="form.twoNum25Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum25Up" label-width="0">
														<el-input v-model="form.twoNum25Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum35Down" label-width="0">
														<el-input v-model="form.twoNum35Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum35Up" label-width="0">
														<el-input v-model="form.twoNum35Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="twoNum45Down" label-width="0">
														<el-input v-model="form.twoNum45Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="twoNum45Up" label-width="0">
														<el-input v-model="form.twoNum45Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
											</tr>
										</table>
									</el-collapse-item>
									<el-collapse-item title="（4）致灾因子3：地震动峰值加速度参数-地震动参数分类" name="4">
										<table align="center" style="width: 100%;border-collapse: collapse;" class="oddTable">
											<tr style="background: #F2F2F2;height: 35px;">
												<td align="center" width="300px">地震动参数</td>
												<td align="center">≤0.05</td>
												<td align="center">>0.05</td>
											</tr>
											<tr>
												<td align="center">≤0.05</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="threeNum12Up" label-width="0">
														<el-input v-model="form.threeNum12Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="threeNum12Down" label-width="0">
														<el-input v-model="form.threeNum12Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">>0.05</td>
												<td align="center">
													<el-form-item prop="threeNum12Down" label-width="0">
														<el-input v-model="form.threeNum12Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="threeNum12Up" label-width="0">
														<el-input v-model="form.threeNum12Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
											</tr>
										</table>
									</el-collapse-item>
									<el-collapse-item title="（5）致灾因子4：距河流距离-距河流距离分类" name="5">
										<table align="center" style="width: 100%;border-collapse: collapse;" class="oddTable">
											<tr style="background: #F2F2F2;height: 35px;">
												<td align="center" width="150px">距河流距离</td>
												<td align="center">[0,50)</td>
												<td align="center">[50,100)</td>
												<td align="center">[100,150)</td>
												<td align="center">[150,200)</td>
												<td align="center">≥200</td>
											</tr>
											<tr>
												<td align="center">[0,50)</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="fourNum12Up" label-width="0">
														<el-input v-model="form.fourNum12Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum12Down" label-width="0">
														<el-input v-model="form.fourNum12Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum13Up" label-width="0">
														<el-input v-model="form.fourNum13Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum13Down" label-width="0">
														<el-input v-model="form.fourNum13Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum14Up" label-width="0">
														<el-input v-model="form.fourNum14Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum14Down" label-width="0">
														<el-input v-model="form.fourNum14Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum15Up" label-width="0">
														<el-input v-model="form.fourNum15Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum15Down" label-width="0">
														<el-input v-model="form.fourNum15Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">[50,100)</td>
												<td align="center">
													<el-form-item prop="fourNum12Down" label-width="0">
														<el-input v-model="form.fourNum12Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum12Up" label-width="0">
														<el-input v-model="form.fourNum12Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="fourNum23Up" label-width="0">
														<el-input v-model="form.fourNum23Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum23Down" label-width="0">
														<el-input v-model="form.fourNum23Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum24Up" label-width="0">
														<el-input v-model="form.fourNum24Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum24Down" label-width="0">
														<el-input v-model="form.fourNum24Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum25Up" label-width="0">
														<el-input v-model="form.fourNum25Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum25Down" label-width="0">
														<el-input v-model="form.fourNum25Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">[100,150)</td>
												<td align="center">
													<el-form-item prop="fourNum13Down" label-width="0">
														<el-input v-model="form.fourNum13Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum13Up" label-width="0">
														<el-input v-model="form.fourNum13Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum23Down" label-width="0">
														<el-input v-model="form.fourNum23Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum23Up" label-width="0">
														<el-input v-model="form.fourNum23Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="fourNum34Up" label-width="0">
														<el-input v-model="form.fourNum34Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum34Down" label-width="0">
														<el-input v-model="form.fourNum34Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum35Up" label-width="0">
														<el-input v-model="form.fourNum35Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum35Down" label-width="0">
														<el-input v-model="form.fourNum35Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">[150,200)</td>
												<td align="center">
													<el-form-item prop="fourNum14Down" label-width="0">
														<el-input v-model="form.fourNum14Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum14Up" label-width="0">
														<el-input v-model="form.fourNum14Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum24Down" label-width="0">
														<el-input v-model="form.fourNum24Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum24Up" label-width="0">
														<el-input v-model="form.fourNum24Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum34Down" label-width="0">
														<el-input v-model="form.fourNum34Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum34Up" label-width="0">
														<el-input v-model="form.fourNum34Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="fourNum45Up" label-width="0">
														<el-input v-model="form.fourNum45Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum45Down" label-width="0">
														<el-input v-model="form.fourNum45Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">≥200</td>
												<td align="center">
													<el-form-item prop="fourNum15Down" label-width="0">
														<el-input v-model="form.fourNum15Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum15Up" label-width="0">
														<el-input v-model="form.fourNum15Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum25Down" label-width="0">
														<el-input v-model="form.fourNum25Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum25Up" label-width="0">
														<el-input v-model="form.fourNum25Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum35Down" label-width="0">
														<el-input v-model="form.fourNum35Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum35Up" label-width="0">
														<el-input v-model="form.fourNum35Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fourNum45Down" label-width="0">
														<el-input v-model="form.fourNum45Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fourNum45Up" label-width="0">
														<el-input v-model="form.fourNum45Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
											</tr>
										</table>
									</el-collapse-item>
									<el-collapse-item title="（6）致灾因子5：场地类别-场地类别分类" name="6">
										<table align="center" style="width: 100%;border-collapse: collapse;" class="oddTable">
											<tr style="background: #F2F2F2;height: 35px;">
												<td align="center" width="220px">场地类型</td>
												<td align="center">E</td>
												<td align="center" width="180px">D</td>
												<td align="center">C</td>
												<td align="center">B</td>
											</tr>
											<tr>
												<td align="center">E</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="fiveNum12Up" label-width="0">
														<el-input v-model="form.fiveNum12Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum12Down" label-width="0">
														<el-input v-model="form.fiveNum12Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fiveNum13Up" label-width="0">
														<el-input v-model="form.fiveNum13Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum13Down" label-width="0">
														<el-input v-model="form.fiveNum13Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fiveNum14Up" label-width="0">
														<el-input v-model="form.fiveNum14Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum14Down" label-width="0">
														<el-input v-model="form.fiveNum14Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">D</td>
												<td align="center">
													<el-form-item prop="fiveNum12Down" label-width="0">
														<el-input v-model="form.fiveNum12Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum12Up" label-width="0">
														<el-input v-model="form.fiveNum12Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="fiveNum23Up" label-width="0">
														<el-input v-model="form.fiveNum23Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum23Down" label-width="0">
														<el-input v-model="form.fiveNum23Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fiveNum24Up" label-width="0">
														<el-input v-model="form.fiveNum24Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum24Down" label-width="0">
														<el-input v-model="form.fiveNum24Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">C</td>
												<td align="center">
													<el-form-item prop="fiveNum13Down" label-width="0">
														<el-input v-model="form.fiveNum13Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum13Up" label-width="0">
														<el-input v-model="form.fiveNum13Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fiveNum23Down" label-width="0">
														<el-input v-model="form.fiveNum23Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum23Up" label-width="0">
														<el-input v-model="form.fiveNum23Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
												<td align="center">
													<el-form-item prop="fiveNum34Up" label-width="0">
														<el-input v-model="form.fiveNum34Up" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum34Down" label-width="0">
														<el-input v-model="form.fiveNum34Down" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
											</tr>
											<tr>
												<td align="center">B</td>
												<td align="center">
													<el-form-item prop="fiveNum14Down" label-width="0">
														<el-input v-model="form.fiveNum14Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum14Up" label-width="0">
														<el-input v-model="form.fiveNum14Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fiveNum24Down" label-width="0">
														<el-input v-model="form.fiveNum24Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum24Up" label-width="0">
														<el-input v-model="form.fiveNum24Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">
													<el-form-item prop="fiveNum34Down" label-width="0">
														<el-input v-model="form.fiveNum34Down" style="width: 80px;margin: 5px auto 0;" />
													</el-form-item>
													<el-divider style="width: 90px;margin: 10px 0;"></el-divider>
													<el-form-item prop="fiveNum34Up" label-width="0">
														<el-input v-model="form.fiveNum34Up" style="width: 80px;margin: 0 auto 5px;" />
													</el-form-item>
												</td>
												<td align="center">1</td>
											</tr>
										</table>
									</el-collapse-item>
								</el-collapse>
							</el-col>
						</el-row>
					</div>
				</el-col>
				<el-col :span="3">
					<el-space direction="vertical" alignment="start">
						<el-button type="primary" @click="saveMiddleResult">存为中间结果</el-button>
						<el-button type="primary" v-if="!mapViewPgjs" @click="calculation">③ 评估计算</el-button>
						<el-button type="primary" v-else @click="calculation">③ 重新评估计算</el-button>
						<el-button type="primary" plain class="success-btn-icon" v-if="mapViewPgjs" @click="replaceModel(7)">
							<el-icon>
								<SuccessFilled />
							</el-icon>
							地图查看结果
						</el-button>
						<el-button plain v-if="mapViewPgjs" @click="countResultProvinceArea">省统计危险性面积</el-button>
						<el-button plain v-if="mapViewPgjs" @click="countResultCityArea">按市统计危险性面积</el-button>
					</el-space>
				</el-col>
			</el-row>
		</el-form>

		<!-- 打开坡度数据选择对话框 -->
		<el-dialog :title="title" v-model="openSlope" width="1000px" :before-close="cancel" append-to-body>
			<p></p>
			<el-form :model="queryParamsSel" ref="querySelRef" :inline="true" v-show="showSearch" label-width="120px">
				<el-form-item label="版本说明" prop="versionDesc">
					<el-input v-model="queryParamsSel.versionDesc" clearable />
				</el-form-item>
				<el-form-item label="上传人" prop="uploadUser">
					<el-input v-model="queryParamsSel.uploadUser" clearable />
				</el-form-item>
				<el-form-item label="上传日期">
					<el-col :span="10">
						<el-date-picker type="date" placeholder="选择日期" value-format="YYYY-MM-DD"
							v-model="queryParamsSel.uploadStartTime" style="width: 100%;" :disabled-date="startDisabledDate1"></el-date-picker>
					</el-col>
					<el-col class="line" :span="1">至</el-col>
					<el-col :span="10">
						<el-date-picker type="date" placeholder="选择日期" value-format="YYYY-MM-DD"
							v-model="queryParamsSel.uploadEndTime" style="width: 100%;" :disabled-date="endDisabledDate1"></el-date-picker>
					</el-col>
				</el-form-item>
				<el-form-item>
					<el-button type="primary" icon="Search" @click="handleQuerySel">搜索</el-button>
					<el-button icon="Refresh" @click="resetQuerySel">重置</el-button>
				</el-form-item>
			</el-form>
			<el-table v-loading="loadingSel" ref="tableRef" :data="slopeDataList">
				<el-table-column type="expand" width="1">
					<template #default="props">
						<div class="expandTable">
							<h3>更多信息</h3>
							<p>数据名称: {{ props.row.dataName }}</p>
							<p>版本说明: {{ props.row.versionDesc }}（此处是版本说明，<span style="color:red">限制300字以内</span> ）</p>
							<p>数据说明: {{ props.row.dataDesc }}（此处是数据说明，<span style="color:red">限制300字以内</span> ）</p>
							<!--<p v-if="props.row.updateDesc">更新说明: {{ props.row.dataType }}</p>
            <p>使用系统: {{ props.row.useThisSystems }}
              <el-tooltip class="box-item" content="Right Center prompts info" placement="right">
                <el-tag>系统使用说明</el-tag>
              </el-tooltip>
            </p>
            <p>数据文件:
              <template v-for="item in props.row.dataFileList">
                <u style="color:#107ce5;cursor: pointer;" @click="handleDownload(item)">{{ item.name }}</u><br />
              </template>
            </p>
            <p>附件:
              <template v-for="item in props.row.attachmentList">
                <u style="color:#107ce5;cursor: pointer;" @click="handleDownload(item)">{{ item.name }}</u><br />
              </template>
            </p>-->
						</div>
					</template>
				</el-table-column>
				<el-table-column label="版本日期" align="center" prop="versionTime">
					<!--<template #default="scope">
						<el-button type="text" @click="edit(scope.row)">{{ scope.row.modelName }}
						</el-button>
					</template>-->
				</el-table-column>
				<el-table-column label="版本号" align="center" prop="versionCode" width="200" />
				<el-table-column label="版本级别（版本范围）" align="center" prop="dataRange" width="220" />
				<el-table-column label="上传日期" align="center" prop="uploadTime" />
				<el-table-column label="上传人" align="center" prop="uploadUser" />
				<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
					<template #default="scope">
						<el-button type="text" @click="handleMore(scope.row)">更多信息</el-button>
						<el-button type="text" @click="handleSelect(scope.row)">选择</el-button>
					</template>
				</el-table-column>
			</el-table>

			<pagination v-show="totalSel > 0" :total="totalSel" v-model:page="queryParamsSel.page"
				v-model:limit="queryParamsSel.rows" @pagination="getDataList" />

			<template #footer>
				<div class="dialog-footer">
					<el-button @click="cancel">取 消</el-button>
				</div>
			</template>
		</el-dialog>
		<el-dialog title="评估详情查看" v-model="open" width="1300px" append-to-body>
			<p></p>
			<el-row :gutter="10" class="mb8">
				<el-col :span="1.5">
					<el-button type="primary" @click="handleExport">导出</el-button>
				</el-col>

			</el-row>
			<el-table :data="pgxqDataList" border :span-method="objectSpanMethod">

				<el-table-column label="钻孔编号" align="center" prop="drillCode" width="100" />
				<el-table-column label="钻孔经度（°）" align="center" prop="longitude" width="120" />

				<el-table-column label="钻孔纬度（°）" align="center" prop="latitude" width="120" />
				<el-table-column label="液化判别地下水位深度dw(m)" align="center" prop="liquefactionGroundWaterDepth" width="120" />
				<el-table-column label="调整系数（β）" align="center" prop="adjustFactor" width="120" />
				<el-table-column label="地层编号" align="center" prop="stratumNum" width="120" />
				<el-table-column label="层底深度" align="center" prop="stratumDepth" width="120" />
				<el-table-column label="分层厚度" align="center" prop="layerThickness" width="120" />
				<el-table-column label="土层名称" align="center" prop="geotechnicalName" width="120" />
				<el-table-column label="标贯点顶深（m）" align="center" prop="fullboreTopDepth" width="120" />
				<el-table-column label="标贯点底深（m）" align="center" prop="fullboreBottomDepth" width="120" />
				<el-table-column label="标贯点深度ds(m)" align="center" prop="ds" width="120" />
				<el-table-column label="黏粒含量ρc（%）" align="center" prop="clayContent" width="120" />
				<el-table-column label="实际锤击数N（击）" align="center" prop="actualBlowsNumber" width="120" />
				<el-table-column label="标准贯人锤击数临界值Ncr(击)" align="center" prop="ncr" width="120" />
				<el-table-column label="N/Ncr" align="center" prop="specificValue" />
				<el-table-column label="液化判别" align="center" prop="liquefactionDifferentiate" width="120" />
				<el-table-column label="钻孔液化判别" align="center" prop="drillLiquefactionDifferentiate" width="120" />
			</el-table>

			<template #footer>
				<div class="dialog-footer">
					<el-button @click="cancelView">关 闭</el-button>
				</div>
			</template>
		</el-dialog>
		<!-- 导入对话框 -->
		<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
			<p></p>
			<el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"
				:disabled="upload.isUploading" :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress"
				:on-error="handleFileUploadError" :on-success="handleFileSuccess" :auto-upload="false" :data="dataFile" drag>
				<el-icon class="el-icon--upload">
					<upload-filled />
				</el-icon>
				<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
				<template #tip>
					<div class="el-upload__tip text-center">
						<span>仅允许导入xls、xlsx格式文件。</span>
						<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
							@click="importTemplate('砂土液化导入模板.xls')">下载模板</el-link>
					</div>
				</template>
			</el-upload>
			<template #footer>
				<div class="dialog-footer">
					<el-button type="primary" @click="submitFileForm">确 定</el-button>
					<el-button @click="upload.open = false">取 消</el-button>
				</div>
			</template>
		</el-dialog>
		<el-dialog v-model="openAnalysis" title="模型选择" width="600px" append-to-body>
			<p></p>
			<el-tabs v-model="activeNameModel" type="card" @tab-click="handleModelClick">
				<el-tab-pane label="场地评估-标贯法" name="first">
					<el-row>
						<el-col :span="6" :offset="1">
							<el-radio-group v-model="radio">
								<el-radio :label="1">饱和砂土或粉土<el-link type="primary" :underline="false" @click="formulaDesc1"
										style="font-size:14px;margin-left: 30px;">公式说明</el-link></el-radio>
								<el-radio :label="2">饱和黄土<el-link type="primary" :underline="false" @click="formulaDesc2"
										style="font-size:14px;margin-left: 72px;">公式说明</el-link></el-radio>
							</el-radio-group>
						</el-col>
					</el-row>
					<el-row>
						<el-col :offset='1' style="margin-top: 10px">所需数据为钻孔。</el-col>
					</el-row>
				</el-tab-pane>
				<el-tab-pane label="场地评估-液化指数法" name="second">
					<el-row>
						<el-col :span="6" :offset="1">
							<el-radio-group v-model="radio">
								<el-radio :label="3">饱和砂土或粉土<el-link type="primary" :underline="false" @click="formulaDesc3"
										style="font-size:14px;margin-left: 30px;">公式说明</el-link></el-radio>
								<el-radio :label="4">饱和黄土<el-link type="primary" :underline="false" @click="formulaDesc4"
										style="font-size:14px;margin-left: 72px;">公式说明</el-link></el-radio>
							</el-radio-group>
						</el-col>
					</el-row>
					<el-row>
						<el-col :offset='1' style="margin-top: 10px">所需数据为钻孔。</el-col>
					</el-row>
				</el-tab-pane>
				<el-tab-pane label="区域评估-层次分析法" name="third">
					<el-row>
						<el-col :span="6" :offset="1">
							<el-radio v-model="radio" label="5">层次分析法<el-link type="primary" :underline="false" @click="formulaDesc5"
									style="font-size:14px;margin-left: 30px;">公式说明</el-link></el-radio>
						</el-col>
					</el-row>
					<el-row>
						<el-col :offset='1' style="margin-top: 10px">所需数据包括高程、地层岩性、水系、地震动峰值加速度。</el-col>
					</el-row>
				</el-tab-pane>
			</el-tabs>
			<template #footer>
				<span class="dialog-footer">
					<el-button @click="confirm">确 定</el-button>
				</span>
			</template>
		</el-dialog>
		<el-dialog title="公式说明" v-model="openFormula1" width="900px" append-to-body>
			<p></p>
			<Formula1></Formula1>
			<template #footer>
				<div class="dialog-footer">
					<el-button @click="openFormula1 = false">关 闭</el-button>
				</div>
			</template>
		</el-dialog>
		<el-dialog title="公式说明" v-model="openFormula2" width="900px" append-to-body>
			<p></p>
			<Formula2></Formula2>
			<template #footer>
				<div class="dialog-footer">
					<el-button @click="openFormula2 = false">关 闭</el-button>
				</div>
			</template>
		</el-dialog>
		<el-dialog title="公式说明" v-model="openFormula3" width="900px" append-to-body>
			<p></p>
			<Formula3></Formula3>
			<template #footer>
				<div class="dialog-footer">
					<el-button @click="openFormula3 = false">关 闭</el-button>
				</div>
			</template>
		</el-dialog>
		<el-dialog title="公式说明" v-model="openFormula5" width="900px" append-to-body>
			<p></p>
			<Formula5></Formula5>
			<template #footer>
				<div class="dialog-footer">
					<el-button @click="openFormula5 = false">关 闭</el-button>
				</div>
			</template>
		</el-dialog>
	</div>
</template>

<script setup name="indexAssess3Form">
import { getTaskModelDetail, saveAsMiddleResult, getSlopeData, count1, count2, count, getAltitudeData,
	handleRiver, countResultAreaByProvince, countResultAreaByCity } from "@/api/sandliquidAssess/indexAssess3";
import { getPgaData } from "@/api/slideAssess/newMark";
import { getToken } from "@/utils/auth";
import Formula1 from "./formula1.vue";
import Formula2 from "./formula2.vue";
import Formula3 from "./formula3.vue";
import Formula5 from "./formula5.vue";
import { ElLoading } from 'element-plus';

const route = useRoute();
const router = useRouter();
const openSlope = ref(false);
const { proxy } = getCurrentInstance();
const activeNameModel = ref("first");
const modelName = ref("");
const modelLabel = ref("");
const slopeDataList = ref([]);
const isShowButton1 = ref(true);
const isLithologyShowButton = ref(true);
const isAltitudeShowButton = ref(true);
const loading = ref(false);
const isA1ShowButton = ref(true);
const isA2ShowButton = ref(true);
const isA3ShowButton = ref(true);
const mapView1 = ref(false);
const mapView2 = ref(false);
const mapViewPgjs = ref(false);
const pgxqDataList = ref([]);
const activeNames = ref(["1"]);
const openAnalysis = ref(false);
const radio = ref(1);
const openFormula1 = ref(false);
const openFormula2 = ref(false);
const openFormula3 = ref(false);
const openFormula5 = ref(false);
const dataType = ref("");
const open = ref(false);
const loadingSel = ref(true);
const showSearch = ref(true);
const total = ref(0);
const totalSel = ref(0);
const title = ref("");
const earthquakeAcceleration = ref("");
const liquefactionGroundWaterDepth = ref("");

//正整数
const positiveinteger = (rule, value, callback) => {
	value = String(value)
	if (isNaN(value) || !value) {
		callback(new Error('请输入正整数'));
	}
	var re = /^[1-9]\d*$/;
	if (!re.test(value)) {
		callback(new Error('请输入正整数'));
	} else {
		callback();
	}
}
const aVersion = (rule, value, callback) => {
	if (!form.value.a1Version && !form.value.a2Version && !form.value.a3Version) {
		callback(new Error('【地震动峰值加速度数据】请至少选择一个！'));
	} else {
		callback();
	}
}
const mapViewValidate = (rule, value, callback) => {
	if(rule.params){
		callback()
	}else{
		callback(new Error());
	}
}
const data = reactive({
	form: {
		selectedMatrix: 1
	},
	queryParams: {
		page: 1,
		rows: 10,
	},
	queryParamsSel: {
		page: 1,
		rows: 10,
	},
	rules: {
		lithologyVersion: [{ required: true, message: "请选择地层岩性数据！", trigger: "change" }],
		altitudeVersion: [{ required: true, message: "请选择高层数据！", trigger: "change" }],
		mapView1: [{ trigger: "change", validator: mapViewValidate, params: mapView1, message: '请计算综合地形指数！' }],
		mapView2: [{ trigger: "change", validator: mapViewValidate, params: mapView2, message: '请计算场地类别！' }],
		aVersion: [{ trigger: "change", validator: aVersion }],
		oneNum12Up: [{ trigger: "blur", validator: positiveinteger }],
		oneNum12Down: [{ trigger: "blur", validator: positiveinteger }],
		oneNum13Up: [{ trigger: "blur", validator: positiveinteger }],
		oneNum13Down: [{ trigger: "blur", validator: positiveinteger }],
		oneNum14Up: [{ trigger: "blur", validator: positiveinteger }],
		oneNum14Down: [{ trigger: "blur", validator: positiveinteger }],
		oneNum23Up: [{ trigger: "blur", validator: positiveinteger }],
		oneNum23Down: [{ trigger: "blur", validator: positiveinteger }],
		oneNum24Up: [{ trigger: "blur", validator: positiveinteger }],
		oneNum24Down: [{ trigger: "blur", validator: positiveinteger }],
		oneNum34Up: [{ trigger: "blur", validator: positiveinteger }],
		oneNum34Down: [{ trigger: "blur", validator: positiveinteger }],
		twoNum12Up: [{ trigger: "blur", validator: positiveinteger }],
		twoNum12Down: [{ trigger: "blur", validator: positiveinteger }],
		twoNum13Up: [{ trigger: "blur", validator: positiveinteger }],
		twoNum13Down: [{ trigger: "blur", validator: positiveinteger }],
		twoNum14Up: [{ trigger: "blur", validator: positiveinteger }],
		twoNum14Down: [{ trigger: "blur", validator: positiveinteger }],
		twoNum15Up: [{ trigger: "blur", validator: positiveinteger }],
		twoNum15Down: [{ trigger: "blur", validator: positiveinteger }],
		twoNum23Up: [{ trigger: "blur", validator: positiveinteger }],
		twoNum23Down: [{ trigger: "blur", validator: positiveinteger }],
		twoNum24Up: [{ trigger: "blur", validator: positiveinteger }],
		twoNum24Down: [{ trigger: "blur", validator: positiveinteger }],
		twoNum25Up: [{ trigger: "blur", validator: positiveinteger }],
		twoNum25Down: [{ trigger: "blur", validator: positiveinteger }],
		twoNum34Up: [{ trigger: "blur", validator: positiveinteger }],
		twoNum34Down: [{ trigger: "blur", validator: positiveinteger }],
		twoNum35Up: [{ trigger: "blur", validator: positiveinteger }],
		twoNum35Down: [{ trigger: "blur", validator: positiveinteger }],
		twoNum45Up: [{ trigger: "blur", validator: positiveinteger }],
		twoNum45Down: [{ trigger: "blur", validator: positiveinteger }],
		threeNum12Up: [{ trigger: "blur", validator: positiveinteger }],
		threeNum12Down: [{ trigger: "blur", validator: positiveinteger }],
		fourNum12Up: [{ trigger: "blur", validator: positiveinteger }],
		fourNum12Down: [{ trigger: "blur", validator: positiveinteger }],
		fourNum13Up: [{ trigger: "blur", validator: positiveinteger }],
		fourNum13Down: [{ trigger: "blur", validator: positiveinteger }],
		fourNum14Up: [{ trigger: "blur", validator: positiveinteger }],
		fourNum14Down: [{ trigger: "blur", validator: positiveinteger }],
		fourNum15Up: [{ trigger: "blur", validator: positiveinteger }],
		fourNum15Down: [{ trigger: "blur", validator: positiveinteger }],
		fourNum23Up: [{ trigger: "blur", validator: positiveinteger }],
		fourNum23Down: [{ trigger: "blur", validator: positiveinteger }],
		fourNum24Up: [{ trigger: "blur", validator: positiveinteger }],
		fourNum24Down: [{ trigger: "blur", validator: positiveinteger }],
		fourNum25Up: [{ trigger: "blur", validator: positiveinteger }],
		fourNum25Down: [{ trigger: "blur", validator: positiveinteger }],
		fourNum34Up: [{ trigger: "blur", validator: positiveinteger }],
		fourNum34Down: [{ trigger: "blur", validator: positiveinteger }],
		fourNum35Up: [{ trigger: "blur", validator: positiveinteger }],
		fourNum35Down: [{ trigger: "blur", validator: positiveinteger }],
		fourNum45Up: [{ trigger: "blur", validator: positiveinteger }],
		fourNum45Down: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum12Up: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum12Down: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum13Up: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum13Down: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum14Up: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum14Down: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum23Up: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum23Down: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum24Up: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum24Down: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum34Up: [{ trigger: "blur", validator: positiveinteger }],
		fiveNum34Down: [{ trigger: "blur", validator: positiveinteger }],
		sixNum12Up: [{ trigger: "blur", validator: positiveinteger }],
		sixNum12Down: [{ trigger: "blur", validator: positiveinteger }],
		sixNum13Up: [{ trigger: "blur", validator: positiveinteger }],
		sixNum13Down: [{ trigger: "blur", validator: positiveinteger }],
		sixNum14Up: [{ trigger: "blur", validator: positiveinteger }],
		sixNum14Down: [{ trigger: "blur", validator: positiveinteger }],
		sixNum15Up: [{ trigger: "blur", validator: positiveinteger }],
		sixNum15Down: [{ trigger: "blur", validator: positiveinteger }],
		sixNum23Up: [{ trigger: "blur", validator: positiveinteger }],
		sixNum23Down: [{ trigger: "blur", validator: positiveinteger }],
		sixNum24Up: [{ trigger: "blur", validator: positiveinteger }],
		sixNum24Down: [{ trigger: "blur", validator: positiveinteger }],
		sixNum25Up: [{ trigger: "blur", validator: positiveinteger }],
		sixNum25Down: [{ trigger: "blur", validator: positiveinteger }],
		sixNum34Up: [{ trigger: "blur", validator: positiveinteger }],
		sixNum34Down: [{ trigger: "blur", validator: positiveinteger }],
		sixNum35Up: [{ trigger: "blur", validator: positiveinteger }],
		sixNum35Down: [{ trigger: "blur", validator: positiveinteger }],
		sixNum45Up: [{ trigger: "blur", validator: positiveinteger }],
		sixNum45Down: [{ trigger: "blur", validator: positiveinteger }]
	}
});

const { queryParams, queryParamsSel, form, rules } = toRefs(data);
/*** 用户导入参数 */
const upload = reactive({
	open: false,
	title: "",
	isUploading: false,
	headers: {
		token: "token " + getToken()
	},
	url: import.meta.env.VITE_APP_BASE_API + "/sand/importDrillData/" + route.query.taskId + "/" + form.value.drillVersion
});
const startDisabledDate1 = (time) => {
  if (queryParamsSel.value.uploadEndTime) {
    return time.getTime() > new Date(queryParamsSel.value.uploadEndTime).getTime();
  }
  return false;
};
const endDisabledDate1 = (time) => {
  if (queryParamsSel.value.uploadStartTime) {
    return time.getTime() < new Date(queryParamsSel.value.uploadStartTime).getTime();
  }
  return false;
};

// 监听开始时间和结束时间的变化，更新对应的 disabledDate 函数
watch(queryParamsSel.value.uploadStartTime, (newVal) => {
  // 当开始时间改变时，更新结束时间的选择范围
  endDisabledDate1(newVal);
});

watch(queryParamsSel.value.uploadEndTime, (newVal) => {
  // 当结束时间改变时，更新开始时间的选择范围
  startDisabledDate1(newVal);
});
let dmslIdNew = ref('')
/** 获取模型详情 */
function getTaskModel() {
	const loading = ElLoading.service({
		lock: true,
		text: '加载中...',
		background: 'rgba(0, 0, 0, 0.7)',
	})
	const { taskId, dmslId } = route.query
	getTaskModelDetail({ taskId, dmslId, algorithmType: '3' }).then(response => {
		if(dmslId){
			form.value = { ...response.data.ahp, ...response.data.modelSandLiquefaction };
		}else{
			form.value = { ...response.data.modelSandLiquefaction, ...response.data.ahpRatioVO };
		}
		console.log(dmslId)
		form.value.selectedMatrix = response.data.modelSandLiquefaction.selectedMatrix == null ? 1 : response.data.modelSandLiquefaction.selectedMatrix
		if (form.value.lithologyVersion != null && form.value.lithologyVersion != '') {
			isLithologyShowButton.value = false
		}
		if (form.value.altitudeVersion != null && form.value.altitudeVersion != '') {
			isAltitudeShowButton.value = false
		}
		if (form.value.a1Version != null && form.value.a1Version != '') {
			isA1ShowButton.value = false
		}
		if (form.value.a2Version != null && form.value.a2Version != '') {
			isA2ShowButton.value = false
		}
		if (form.value.a3Version != null && form.value.a3Version != '') {
			isA3ShowButton.value = false
		}
		if (form.value.status1 == '1') {
			mapView1.value = true;
		}
		if (form.value.status2 == '1') {
			mapView2.value = true;
		}
		if (form.value.status3 == '1') {
			mapViewPgjs.value = true;
		}
		dmslIdNew.value = form.value.dmslId || ''
		loading.close()
	}).catch(() => loading.close())
}

// 取消按钮
function cancel() {
	openSlope.value = false;
	queryParamsSel.value.uploadStartTime = "";
	queryParamsSel.value.uploadEndTime = "";
	proxy.resetForm("querySelRef");
}

/** 搜索按钮操作 */
function handleQuerySel() {
	queryParamsSel.value.page = 1;
	getDataList()
}
const getDataList = () => {
	if (dataType.value == "1") {
		getLithologyDataList();
	} else if (dataType.value == "2") {
		getAltitudeDataList();
	} else if (dataType.value == "3") {
		getPgaDataList("002");
	} else if (dataType.value == "4") {
		getPgaDataList("010");
	} else if (dataType.value == "5") {
		getPgaDataList("063");
	}
}

function resetQuerySel() {
	queryParamsSel.value.uploadStartTime = "";
	queryParamsSel.value.uploadEndTime = "";
	proxy.resetForm("querySelRef");
	handleQuerySel();
}

//获取坡度数据版本
function getSlopeDataList() {
	loadingSel.value = true;
	var province = route.query.taskDistrict.split("-")[0];
	getSlopeData({
		...queryParamsSel.value,
		"typeCode": "y02ckxx,y04dcyxfc,y05bgzy06jqbscz,y10tgsycs",
		"province": province
	}).then(response => {
		loadingSel.value = false;
		slopeDataList.value = response.data.list;
		totalSel.value = response.data.total;
	});
}

//存为中间结果
function saveMiddleResult() {
	saveAsMiddleResult({
		"taskId": route.query.taskId,
		//"versionCode": drillVersion.value
		"algorithmType": "3"
	}).then(response => {
		proxy.$modal.msgSuccess(response.data);
		// getList();
	});
}
//更换模型
function replaceModel(type) {
	const { a1Version, a2Version, a3Version } = form.value
	let pga = []
	a1Version && pga.push('2')
	a2Version && pga.push('10')
	a3Version && pga.push('63')
	router.push({
		path: "/stAnalysisAssess/indexModelMapSelect",
		query: {
			taskId: route.query.taskId,
			taskDistrict: 'row.taskDistrict',
			modelLabel: '层次分析模型',
			modelType: type,
			dmslId: form.value.dmslId,
			metaTitle: "评估结果查看",
			pga
		}
	})
}
function confirm() {
	proxy.$tab.closePage(router.currentRoute.value);
	if (radio.value == "1") {
		//饱和砂土或粉土标贯法
		router.push({
			path: "/stAnalysisAssess/indexAssess1",
			query: {
				taskId: route.query.taskId,
				taskDistrict: route.query.taskDistrict,
				type: "1",
				metaTitle: "饱和砂土或粉土标贯法"
			}
		})
	}
	if (radio.value == "2") {
		//饱和黄土标贯法
		router.push({
			path: "/stAnalysisAssess/indexAssess1",
			query: {
				taskId: route.query.taskId,
				taskDistrict: route.query.taskDistrict,
				type: "2",
				metaTitle: "饱和黄土标贯法"
			}
		})
	}
	if (radio.value == "3") {
		//饱和砂土或粉土液化指数法
		router.push({
			path: "/stAnalysisAssess/indexAssess2",
			query: {
				taskId: route.query.taskId,
				taskDistrict: route.query.taskDistrict,
				type: "3",
				metaTitle: "饱和砂土或粉土液化指数法"
			}
		})
	}
	if (radio.value == "4") {
		//饱和黄土液化指数法
		router.push({
			path: "/stAnalysisAssess/indexAssess2",
			query: {
				taskId: route.query.taskId,
				taskDistrict: route.query.taskDistrict,
				type: "4",
				metaTitle: "饱和黄土液化指数法"
			}
		})
	}
	if (radio.value == "5") {
		//层次分析法
		router.push({
			path: "/stAnalysisAssess/indexAssess3",
			query: {
				taskId: route.query.taskId,
				taskDistrict: route.query.taskDistrict,
				type: "5",
				metaTitle: "层次分析法"
			}
		})
	}
	openAnalysis.value = false;

}
function formulaDesc1() {
	openFormula1.value = true;
}
function formulaDesc2() {
	openFormula2.value = true;
}
function formulaDesc3() {
	openFormula3.value = true;
}
function formulaDesc4() {
	openFormula3.value = true;
}
function formulaDesc5() {
	openFormula5.value = true;
}
//计算综合地形指数
let gcFileName = ref('')
function calculation1() {
	if (!form.value.altitudeVersion) {
		proxy.$modal.msgWarning("请选择高程数据版本");
		return
	}
	const loading = ElLoading.service({
		lock: true,
		text: '计算中...',
		background: 'rgba(0, 0, 0, 0.7)',
	})
	count1({
		teraVersion: form.value.altitudeVersion,
		taskId: route.query.taskId,
		gcFileName: gcFileName.value,
		dmslId: dmslIdNew.value
	}).then(response => {
		mapView1.value = true;
		const { fileName, dmslId } = response.data
		form.value.landFormFileName = fileName
		gcFileName.value = response.data.gcFileName
		dmslIdNew.value = dmslId
		loading.close()
		proxy.$modal.msgSuccess(response.message);
		proxy.$refs['finalResultRef'].validateField('mapView1');
	}).catch(() => {
		loading.close()
	})
}
//计算场地类别
function calculation2() {
	if (!form.value.altitudeVersion) {
		proxy.$modal.msgWarning("请选择高程数据版本");
		return
	}
	const loading = ElLoading.service({
		lock: true,
		text: '计算中...',
		background: 'rgba(0, 0, 0, 0.7)',
	})
	count2({
		teraVersion: form.value.altitudeVersion,
		taskId: route.query.taskId,
		gcFileName: gcFileName.value,
		dmslId: dmslIdNew.value
	}).then(response => {
		mapView2.value = true;
		const { fileName, dmslId } = response.data
		form.value.siteFileName = fileName
		gcFileName.value = response.data.gcFileName
		dmslIdNew.value = dmslId
		loading.close()
		proxy.$modal.msgSuccess(response.message);
		proxy.$refs['finalResultRef'].validateField('mapView2');
	}).catch(() => {
		loading.close()
	});
}
//评估计算
function calculation() {
	proxy.$refs['finalResultRef'].validate(valid => {
		if (valid) {
			const loading = ElLoading.service({
				lock: true,
				text: '计算中...',
				background: 'rgba(0, 0, 0, 0.7)',
			})
			handleRiver({...form.value, dmslId: dmslIdNew.value}).then(res => {
				form.value.riverFileName = res.data
				let resultStatus = route.query.dmslId ? '1' : '2'
				let data = {...form.value, resultStatus, dmslId: dmslIdNew.value}
				count(data).then(response => {
					mapViewPgjs.value = true;
					getTaskModel()
					loading.close()
					proxy.$modal.msgSuccess(response.data);
				}).catch(() => { loading.close() })
			}).catch(() => { loading.close() })
		}
	})
}

// 更多数据
function handleMore(row) {
	proxy.$refs['tableRef'].toggleRowExpansion(row);
}

// 选择版本
function handleSelect(row) {
	if (row.dataTypeLevel3Code == "dcyx1") {
		isLithologyShowButton.value = false;
		form.value.lithologyVersion = row.versionCode;
		proxy.$refs['finalResultRef'].validateField('lithologyVersion');
	} else if (row.dataTypeLevel3Code == "demgcsj") {
		isAltitudeShowButton.value = false;
		form.value.altitudeVersion = row.versionCode;
		proxy.$refs['finalResultRef'].validateField('altitudeVersion');
	} else if (row.dataTypeLevel3Code == "pga002") {
		isA1ShowButton.value = false;
		form.value.a1Version = row.versionCode;
		proxy.$refs['finalResultRef'].validateField('aVersion');
	} else if (row.dataTypeLevel3Code == "pga010") {
		isA2ShowButton.value = false;
		form.value.a2Version = row.versionCode;
		proxy.$refs['finalResultRef'].validateField('aVersion');
	} else if (row.dataTypeLevel3Code == "pga063") {
		isA3ShowButton.value = false;
		form.value.a3Version = row.versionCode;
		proxy.$refs['finalResultRef'].validateField('aVersion');
	}
	openSlope.value = false;
}

//地震动峰值加速度数据选择
function selectSlope() {
	openSlope.value = true;
	getSlopeDataList();
}

//导出
function handleExport() {
	proxy.download("/sand/export", {
		dmslId: form.value.dmslId,
		earthquakeAcceleration: earthquakeAcceleration.value,
		liquefactionGroundWaterDepth: liquefactionGroundWaterDepth.value,
		flag: "1"
	}, `评估详情数据_${new Date().getTime()}.xls`)
	//location.herf = import.meta.env.VITE_APP_BASE_API + "/sand/export?dmslId="+form.value.dmslId+"&earthquakeAcceleration="+earthquakeAcceleration.value
	//+"&liquefactionGroundWaterDepth="+liquefactionGroundWaterDepth.value+"&flag=1"
}
//关闭
function cancelView() {
	open.value = false
}
//获取地层岩性版本
function getLithologyDataList() {
	loadingSel.value = true;
	getPgaData({
		...queryParamsSel.value,
		"dataCategory": "lithology",
		"probability": ""
	}).then(response => {
		loadingSel.value = false;
		slopeDataList.value = response.data.list;
		totalSel.value = response.data.total;
	});
}
//获取高程数据版本
function getAltitudeDataList() {
	loadingSel.value = true;
	getAltitudeData({
		...queryParamsSel.value,
		"dataCategory": "landform",
		"dataRangeCountry": ""
	}).then(response => {
		loadingSel.value = false;
		slopeDataList.value = response.data.list;
		totalSel.value = response.data.total;
	});
}

//获取Pga数据版本
function getPgaDataList(code) {
	loadingSel.value = true;
	getPgaData({
		...queryParamsSel.value,
		"dataCategory": "pga",
		"probability": code
	}).then(response => {
		loadingSel.value = false;
		slopeDataList.value = response.data.list;
		totalSel.value = response.data.total;
	});
}
//地层岩性选择
function selectLithology() {
	openSlope.value = true;
	dataType.value = "1";
	getLithologyDataList();
}
function selectAltitude() {
	openSlope.value = true;
	dataType.value = "2";
	getAltitudeDataList();
}
//地震动数据选择
function selectPgaA1() {
	openSlope.value = true;
	dataType.value = "3";
	getPgaDataList("002");
}

function selectPgaA2() {
	openSlope.value = true;
	dataType.value = "4";
	getPgaDataList("010");
}

function selectPgaA3() {
	openSlope.value = true;
	dataType.value = "5";
	getPgaDataList("063");
}

// 模板下载
function importTemplate(name) {
	proxy.download("/base/product/downloadExcel", {
		fileName: name
	}, name);
};

/** 提交上传文件 */
function submitFileForm() {
	proxy.$refs["uploadRef"].submit();
};

/** 打开导入表弹窗 */
function handleImport() {
	upload.title = "导入";
	upload.open = true;
}
/**文件上传前处理 */
function handleFileBeforeUpload(file) {
	proxy.$modal.loading("正在导入文件，请稍候...");
	return true
}

/**文件上传中处理 */
const handleFileUploadProgress = (event, file, fileList) => {
	upload.isUploading = true;
};
// 上传失败
function handleFileUploadError(err) {
	proxy.$modal.closeLoading();
	proxy.$modal.msgError("导入文件失败");
}
/** 文件上传成功处理 */
const handleFileSuccess = (response, file, fileList) => {
	upload.open = false;
	upload.isUploading = false;
	proxy.$modal.closeLoading();
	proxy.$refs["uploadRef"].handleRemove(file);
	proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 0 0;'>" + response.message + "</div>", "导入结果", {
		dangerouslyUseHTMLString: true
	});
	form.value.drillVersion = response.data;
	if (response.code == 200) {
		isShowButton1.value = false;
	}
	//		getPrefectureResult(dataFile.taskCode).then(response => {
	//			prefectureResult.value = response.data;
	//		});
	//		getResult(dataFile.taskCode).then(response => {
	//			Result.value = response.data;
	//		});
};

function handleChange(val) { }
//切换模型标签页
function handleModelClick(tab, event) {
	if (tab.props.name == "first") {
		radio.value = 1;
	} else if (tab.props.name == "second") {
		radio.value = 3;
	} else if (tab.props.name == "third") {
		radio.value = "5";
	}
	modelName.value = tab.props.name;
	modelLabel.value = tab.props.label;
}

//按省统计危险性面积
function countResultProvinceArea() {
  const loading = ElLoading.service({
    lock: true,
    text: '计算中...',
    background: 'rgba(0, 0, 0, 0.7)',
  })
	countResultAreaByProvince({
		"taskId": route.query.taskId
	}).then(response => {
		proxy.$modal.alert(response.message);
    loading.close()
	}).catch(() => {
		proxy.$modal.alert("统计失败！");
    loading.close()
	});
}

//按市统计危险性面积
function countResultCityArea() {
  const loading = ElLoading.service({
    lock: true,
    text: '计算中...',
    background: 'rgba(0, 0, 0, 0.7)',
  })
	countResultAreaByCity({
		"taskId": route.query.taskId
	}).then(response => {
		proxy.$modal.alert(response.message);
    loading.close()
	}).catch(() => {
		proxy.$modal.alert("统计失败！");
    loading.close()
	});
}
getTaskModel();
</script>
<style lang="scss" scoped>
@import '@/assets/styles/variables.module.scss';
form{
	width: 75%;
	margin: 0 auto;
}
.tab-title {
	font-size: 16px;
	font-weight: bold;
	border-left: 4px solid #0D9AFF;
	font-family: PingFangSC-Medium;
	padding-left: 10px;
	margin-bottom: 20px;
}

.line {
	text-align: center;
}

table td {
	border: 1px solid #c6c6c6;
}

:deep(.el-table) td.el-table__cell {
	border-bottom: 1px solid #ebeef5 !important;
	border-right: 1px solid #ebeef5 !important;
}

:deep(.el-table td.el-table__cell) {
	border-bottom: 1px solid #ebeef5 !important;
	border-right: 1px solid #ebeef5 !important;
	border-left: 1px solid #ebeef5 !important;
}

table td {
	border: 1px solid #c6c6c6;
	height: 40px;
}

:deep(.aVersion) {
	.el-form-item__content {
		display: block;
		margin-bottom: 18px;
		.el-form-item__error{
			margin-left: calc(20.5% + 160px);
		}
	}
}
:deep(.mapView) {
	.el-form-item__content {
		display: block;
		.el-form-item__error{
			margin-left: calc(21%);
		}
	}
}
:deep(.selectedMatrix){
	.el-form-item__error{
		left: 50%;
		transform: translateX(calc(-50% - 10px));
	}
	table.oddTable{
		.el-form-item.el-form-item--default{
			margin-bottom: 0;
		}
		.el-form-item__content{
			display: block;
			line-height: normal;
			.el-input{
				display: block;
			}
			.el-form-item__error{
				left: auto;
				transform: translateX(-5px);
			}
		}
	}
}
:deep(.el-space){
	.el-space__item{
		width: 100%;
	}
}
.success-btn-icon {
	.el-icon {
		color: $--color-success;
	}
}

.success-btn-icon.el-button--primary.is-plain {
	background-color: #ecf5ff !important;
	color: var(--el-color-primary) !important;
}
</style>